// $(window).on('load', function() {
//     //Arrows arise or disappear along the mouse enter or leave
//     //enter   
//     $(".mybanner").on('mouseenter', function() {
//             $(".prev").css("display", 'block');
//             $(".next").css("display", 'block');
//             clearInterval(timer);
//             timer = null;
//         })
//         //leave
//     $(".mybanner").on('mouseleave', function() {
//             $(".prev").css("display", 'none');
//             $(".next").css("display", 'none');
//             timer = setInterval(function() {
//                 //手动调用事件
//                 $(".next").click();
//             }, 2000);

//         })
//         //banner moves through binding a moving animate 
//         //moving animate 
//     function animate_2(obj, target, callback) {
//         clearInterval(obj.timer); //避免一个obj绑定多个定时器
//         obj.timer = setInterval(function() { //给具体obj绑定定时器 节省空间

//             var step = (target - obj.offsetLeft) / 10;
//             step > 0 ? Math.ceil(step) : Math.floor(step);
//             if (obj.offset().Left == target) {
//                 clearInterval(obj.timer);
//             }
//             // obj.style.left = obj.offset().Left + step + 'px';
//             obj.offset({left:obj.offset().Left + step+"px"});
//             // console.log();                                        

//             callback && callback(); //短路
//         }, 30);

//     }
//     //automatic play 
//     var timer = setInterval(function() {
//         //手动调用事件
//         next.click();
//     }, 2000);
// })








// $(window).on('load', function() {
//     //    1.功能一 鼠标经过左右箭头出现 移开隐藏
//     var $prev = $('.prev');
//     var $next = $('.next');
//     var $mybanner = $('.mybanner');
//     var imgw = $('img').width();
//     $mybanner.on('mouseenter', function() {
//         $prev.show();
//         $next.show();
//         clearInterval(timer);
//         timer = null;
//     });
//     $mybanner.on('mouseleave', function() {
//         $prev.hide();
//         $next.hide();
//         timer = setInterval(function() {
//             //手动调用事件
//             $next.click();
//         }, 2000);
//     });
//     //给图片 绑定移动动画
//     function animate_2(obj, target, callback) {
//         clearInterval(obj.timer); //pi'mia避免一个obj绑定多个定时器
//         obj.timer = setInterval(function() { //给具体obj绑定定时器 节省空间
//             // var step = Math.ceil((target - obj.offsetLeft) / 10);
//             var step = (target - obj.offsetLeft) / 10;
//             step > 0 ? Math.ceil(step) : Math.floor(step);
//             if (obj.offsetLeft == target) {
//                 clearInterval(obj.timer);
//             }
//             obj.style.left = obj.offsetLeft + step + 'px';
//             // if (callback) {
//             //     callback();
//             // }
//             callback && callback(); //短路
//         }, 30);
//     }
//     var $ul = $('.circle-list');
//     var $ul_2 = $('.hot');
//     var $children = $ul.children();
//     $children.on('click', function() {
//         $children.removeClass('circle active').addClass('circle');
//         $(this).addClass('active');
//         var index = $(this).data('n');
//         num = circle = index;
//         animate_2($ul_2, -index * imgw);
//     });
//     //给右边按钮添加一个点击事件
//     var $first = $ul_2.children().first().clone();
//     $ul_2.append($first);
//     var num = 0;
//     var circle = 0;
//     var flag = true;
//     // 节流阀
//     $next.on('click', function() {
//         if (flag) {
//             flag = false;
//             if (num == $ul_2.children().length - 1) {
//                 $ul_2.css('left', 0);
//                 num = 0;
//             }
//             num++;
//             animate_2($ul_2, -num * imgw, function() {
//                 flag = true;
//             });
//             circle++;
//             if (circle == $children.length) {
//                 circle = 0;
//             }
//             circleChange();
//         }
//     });
//     //给左边按钮添加一个点击事件
//     $prev.on('click', function() {
//         if (flag) {
//             flag = false;
//             if (num == 0) {
//                 num = $ul_2.children().length - 1;
//                 $ul_2.css('left', -num * imgw + 'px');
//             }
//             num--;
//             animate_2($ul_2, -num * imgw, function() {
//                 flag = true;
//             });
//             circle--;
//             if (circle < 0) {
//                 circle = $children.length - 1;
//             }
//             circleChange();
//         }
//     });

//     function circleChange() {
//         $children.removeClass('circle active').addClass('circle');
//         $children.eq(circle).addClass('active');
//     }
//     //自动播放
//     var timer = setInterval(function() {
//         //手动调用事件
//         $next.click();
//     }, 2000);
// });